<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/foundation.js"></script>
<script src="javascripts/modernizr.foundation.js"></script>
<script src="javascripts/app.js"></script>


<script type="text/javascript">
     $(window).load(function() {
         $('#featured').orbit();
     });
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
    
<title>TheHolyProphet.org</title>
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="stylesheets/foundation.css">
	<link rel="stylesheet" href="stylesheets/app.css">
    
    <!-- Template style by Najeeb -->
    <link rel="stylesheet" href="style.css" />

	<!--[if lt IE 9]>
		<link rel="stylesheet" href="stylesheets/ie.css">
	<![endif]-->


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body>
<div class="container">
  
  <header>
  	<div class="row">
    	<div class="six columns">
        <div class="push-down">
	        <div class="panel">
	        	<h2>The Holy Prophet <span class="gren round label">(PEACE BE UPON HIM)</span></h2>
                <p class="ufont">
                (اے مومنو!) تمہارے پاس تمہاری ہی قوم کا ایک فرد رسول ہو کر آیا ہے تمہارا تکلیف میں پڑنا اس پر شاق گذرتا ہے اور وہ تمہارے لئے خیر کا بہت بھوکا ہے۔ اور مومنوں کے ساتھ محبت کرنے والا (اور ) بہت کرم کرنے والا ہے۔(سورۃ التوبہ ۔ آیت 128)
                </p>
	        </div>
        </div>
        </div>
        
        <div class="six columns">
        	<img src="images/holy-top.jpg" title="The Holy Prophet Hazrat Muhammad (PBUH)" alt="The Holy Prophet Hazrat Muhammad (PBUH)" />
        </div>
        
  
    	<div class="twelve columns">
        	<ul class="nav-bar ufont">
		<li>
			<a href="#" class="main">Nav Item 1</a>
        </li>
        <li>
			<a href="#" class="main">Nav Item 1</a>
        </li>
        <li>
			<a href="#" class="main">Nav Item 1</a>
        </li>
    </ul>
        </div>
    </div>
  </header>
  
  <section>
	  <div class="row">
      		<div class="twelve columns">
            <div id="featured"> 
			     <img src="images/slide-1.jpg" alt="Overflow: Hidden No More" />
			     <img src="images/slide-2.jpg"  alt="HTML Captions" />
			</div>
            </div>
	  </div>
  </section>
  	
</div>

</body>
</html>
